<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>navigation</title>

<style>

#navigation {font-size:0.75em; width:150px;}
#navigation ul {margin:0px; padding:0px;}
#navigation li {list-style: none;} 

ul.top-level {background:#abd;}
ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}

#navigation a {
 color: #222;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
 text-align:center;
 text-decoration:none;
 width:100%;
}
#navigation a:hover{
 text-decoration:underline;
}

#navigation li:hover {
 background: #ebe;
 position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #abd;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
    width: 100%;
}

</style>
</head>
<body><br><br>

<div id="navigation">
<ul>
<li><a href="/EventManagementSystem/GetEvent" target="_top"> Events</a></li>
<li><a href="/EventManagementSystem/TopicServlet" target="_top">Topics</a></li>
<li><a href="/EventManagementSystem/LocationServlet" target="_top">Location</a></li>
<li><a href="/EventManagementSystem/Promotions.jsp" target="_top">Promotions</a></li>
</ul>
          
</div>

</body>
</html>